/* 
假设 设计稿的宽度就是320px   rem 

width = 元素的宽度 rem / 32
 */
/* 轮播图 */
.index_carousel {
  position: relative;
  .city_search_wrap {
    position: absolute;
    width: 90vw;
    top: 10*0.03125rem;
    left: 10vw;
    z-index: 100;
  }
}
/* 导航 */
.index_nav {
  display: flex;
  background-color: #fff;
  .nav_item {
    flex: 1;
    padding: calc(10rem / 32) 0px;
    text-align: center;
    .nav_title {
      padding: 5*0.03125rem 0;
    }
    img {
      width: 70%;
    }
  }
}

/* 租房小组 */
.rent_group {
  .rent_group_title {
    height: 45*0.03125rem;
    padding: 0 16*0.03125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    span:nth-child(1) {
      color: #000;
      font-weight: 600;
      font-size: 16rem / 32;
    }
  }

  .rent_group_content {
    padding: 10*0.03125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .rent_item {
      height: 90*0.03125rem;
      background-color: #fff;
      width: 49%;
      margin-bottom: 10*0.03125rem;
      display: flex;
      padding: 0 5*0.03125rem;
      align-items: center;
      .rent_item_info {
        flex: 1;
        .rent_title {
          color: #000;
          font-size: 13*0.03125rem;
        }
        .rent_desc {
          font-size: 13*0.03125rem;
        }
      }

      .rent_item_img {
        flex: 1;
        text-align: right;
        img {
          width: 80%;
        }
      }
    }
  }
}
/* 最新资讯 */
.index_news {
  background-color: #fff;
  padding: 10*0.03125rem;
  .index_news_title {
    height: 60*0.03125rem;
    display: flex;
    align-items: center;
    font-size: 15*0.03125rem;
    font-weight: 600;
  }

  .index_news_content {
    .news_item {
      padding-bottom: 15*0.03125rem;
      border-bottom: 1*0.03125rem solid #ccc;
      display: flex;
      margin-bottom: 10*0.03125rem;
      .news_item_img {
        flex: 2;
        img {
        }
      }

      .news_item_info {
        flex: 3;
        padding-left: 15*0.03125rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .news_item_title {
          font-size: 15*0.03125rem;
          color: #000;
          font-weight: 600;
        }

        .news_item_desc {
          display: flex;
          justify-content: space-between;
          .news_item_from {
          }

          .news_item_date {
          }
        }
      }
    }
  }
}
